<template>
  <view class="contain">
    <view>
      <text class="title">省心服务</text>
    </view>
    <view class="pic">
      <view class="left" preventReClick @click="serve">
        <image src="../../static/img/5.png"></image>
      </view>
      <view class="right">
        <view class="top" @click="laborDispatch">
          <image src="../../static/img/6.png"></image>
        </view>
        <view class="bottom" @click="send">
          <image src="../../static/img/7.png"></image>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
// function debounce(func, wait = 1000) {
//   let timeout
//   return function (event) {
//     clearTimeout(timeout)
//     timeout = setTimeout(() => {
//       func.call(this, event)
//     }, wait)
//   }
// }
export default {
  data() {
    return {
      msg: 3,
    }
  },
  methods: {
    // serve:debounce(function() {
    //   uni.navigateTo({
    //     url: '../../pageTwo/financialService/keepAccount/keepAccount',
    //   })
    // }),
    serve() {
      uni.navigateTo({
        url: '../../pageTwo/financialService/keepAccount/keepAccount',
      })
    },
    laborDispatch() {
      uni.navigateTo({
        url: '../../pageTwo/laborDispatch/index?tag='+'lwpq',
      })
    },
    send() {
      
      uni.navigateTo({
        url: '../../pageTwo/laborDispatch/index?tag='+'zzdb',
      })
      // this.$emit('send', this.msg)
    },
  },
}
</script>

<style lang="scss" scoped>
.contain {
  .pic {
    height: 300rpx;
    margin-top: 24rpx;
    margin-bottom: 42rpx;
    padding-left: 30rpx;
    padding-right: 30rpx;
    display: flex;
    image {
      width: 100%;
      height: 100%;
    }
    .left {
      width: 340rpx;
      height: 300rpx;
      margin-right: 14rpx;
    }
    .right {
      flex: 1;
      .top {
        width: 340rpx;
        height: 144rpx;
        margin-bottom: 12rpx;
      }
      .bottom {
        width: 340rpx;
        height: 144rpx;
      }
    }
  }
}
.title {
  font-size: 32rpx;
  font-weight: bold;
  color: #333333;
  margin-left: 30rpx;
}
</style>
